<!DOCTYPE HTML>
<html>
 <head>
  <title>Module example</title>	
  <link rel="stylesheet" type="text/css" href="assets/css/CAWapp.css" />
  <script src="assets/js/jQuery.js" type="text/javascript"></script>
  <script src="assets/js/Q.js" type="text/javascript"></script>
  <script src="context/ContextManagerSingleton.js" type="text/javascript"></script>
  <script src="ContextAwareApplication.js" type="text/javascript"></script>
  <script type="text/javascript" src="http://platform.linkedin.com/in.js"> api_key:75plybuzxcmmpg </script>
 </head>
 <body>

<table border="1" style="width:300px">

<tr>
<td>
 <div id="fb-root">
  <div id="fbLogin" style="display:none">
 
 <a href="" onclick="FacebookLogin('https://dl.dropboxusercontent.com/u/1861685/H5M-QPromises-CustomEvent/ContextAwareApplication.html'); return false;">
	<img src="assets/images/facebook-login-button.jpg" alt="HTML tutorial" width="400" height="300">
</a>
 </div>
 
  <div id="fbLogout" style="display:none">
 
 <a href="https://dl.dropboxusercontent.com/u/1861685/H5M-QPromises-CustomEvent/ContextAwareApplication.html" 
	onclick="FacebookLogout('https://dl.dropboxusercontent.com/u/1861685/H5M-QPromises-CustomEvent/ContextAwareApplication.html');">
	<img src="assets/images/fbLogout.png" alt="HTML tutorial" width="75" height="22">
</a>
</div>
 </div>
 
</td>

<td>
<div id="fbInfo" style="display:none">
	<h1> Facebook Information </h1>
	<p>Facebook info is-> <output id="facebookInfo"></output></p>
	</div>
</td>

<td>
<script type="IN/Login"></script>

<div id="liInfo" style="display:none">
	<h1> LinkedIn Information </h1>
	<p>LinkedIn info is-> <output id="linkedInInfo"></output></p>
	
	<a href="#" onclick="IN.User.logout(); return false;">Logout</a>
</div>

</td>

</tr>


<tr>
<td>
  <h1> Geolocation </h1> 
  <p><output id="gpsCoordinates"></output></p>
</td>

<td>
  <h1> Battery Level </h1> 
  <p><output id="batteryLevel"></output></p>
</td>

<td>
  <h1> Battery Charging </h1> 
  <p><output id="isBatteryCharging"></output></p>
</td>

</tr>


<tr>
<td>
  <h1> Device Motion </h1> 
  <p><output id="dm_rawAcceleration"></output></p>
  <p><output id="dm_tiltLR"></output></p>
  <p><output id="dm_tiltFB"></output></p>
</td>

<td>
  <h1> Device Orientation </h1> 
  <p><output id="do_tiltLR"></output></p>
  <p><output id="do_tiltFB"></output></p>
  <p><output id="do_direction"></output></p>
</td>

<td>
 <h1> Network API </h1>
  <p>Network connection available?-> <output id="networkStatus"></output></p>
</td>

</tr>	


<tr>
<td>
<h1> Connect to Weather Web Service </h1> 
  <p>Web Service Result-> <output id="webService1"></output></p>
</td>

<td>
 <h1> Connect RESTful Service1 </h1> 
  <p>RESTful Service Result-> <output id="restfulService1"></output></p>
</td>

<td>
 <h1> Connect RESTful Service2 </h1> 
  <p>RESTful Service Result-> <output id="restfulService2"></output></p>
</td>
</tr>


<tr>
<td>
<h1> Facebook Posts Reasoner </h1> 
  <p>Facebook Restaurant Posts-> <output id="facebookPosts"></output></p>
</td>

<td>
<h1> Battery Analyser Reasoner </h1> 
  <p>Battery Analysis-> <output id="batteryAnalyser"></output></p>
</td>

</tr>



</table>	
  
 </body>
</html>